    <style type="text/css">
    	#setplan{font-size: 0.3rem;}
    	.setplan-head{height: 1.04rem;background: #fff;color: #5299d9;}
    	.setplan-banner{height: 1.8rem;background: linear-gradient(to right, #eb8f3a, #b2604b);margin-top: 0.2rem;color: #fff;}
    	.setplan-banklogo{height: 0.8rem;width: 0.8rem;border-radius: 50%;background: #fff;text-align: center;}
    	.setplan-banklogo img{width: 0.56rem;height: auto;margin-top: 0.12rem;}
    	.setplan-baninfo{height: 1.15rem;margin-left: 0.2rem;}
    	.setplan-timebox{background: #fff;margin-top: 0.2rem;padding-left: 0.3rem;}
    	.setplan-date{min-height: 0.88rem;}
    	.setplan-frequency{height: 0.98rem;}
    	#setplan input{border: none;margin-left: 0.2rem;margin-right: 0.2rem;}
    	.setplan-money{height: 0.98rem;background: #fff;}
    	.setplan-icon{margin-right: 0.3rem;color:#5299d9;font-size: 0.4rem;margin-left: 0.2;}
    	.setorderdbox{position: absolute;top: 0;left: 0;height: 100%;width: 100%;background: rgba(0,0,0,0.5);font-size: .3rem;}
    	.orderdmodel{height:4.96rem;width: 5.67rem;background: #fff;border-radius: 7px;margin-left: 0.9rem;margin-top: 2rem;}
    	.ordermodelhead{height: 1rem;background: linear-gradient(to right, #febe32, #fc8c40);border-radius: 7px 7px 50% 50%;color: #fff;}
    	.statement{margin-top: 0.5rem;}
    	.orderdmodel input{margin-left: 1.1rem !important;margin-top: -0.2rem !important;border-bottom: 1px solid #ccc !important;}
    	.repayment{margin-top: 0.5rem;}
    	.setrepay{height: 0.65rem;width: 3.5rem;border:solid 1px #e0e0e0;border-radius: 5px;margin: 0.3rem auto;background: #f5f5f5;color: #929292;cursor: pointer;}
    </style>
	<div id="setplan">
		<div class="setplan-head flex flex-align-center">
			<div style="border-left: 3px solid #5299d9;margin-left: 0.2rem;height: 0.4rem;" class="flex flex-align-center">
				<p style="margin-left: 0.1rem;">自定义还款计划</p>
			</div>
		</div>
		<!--banner-->
		<div class="setplan-banner flex flex-align-center flex-pack-center">
			<div class="setplan-banklogo">
				<img src="src/images/banklogo.png"/>
			</div>
			<div class="setplan-baninfo flex flex-v">
				<p style="font-size: 0.34rem;"><span id="setplan-bankname">工商银行</span>&nbsp;<span id="setplan-bankNo">6225 **** **** 5189</span></p>
				<p>账单日(<span id='startDate'>17</span>号) | 还款日(<span id='endDate'>7</span>号) <i class="icon iconfont icon-icon" style="margin-left: 0.25rem;"></i></p>
			</div>
		</div>
		<!--还款日期-->
		<div class="setplan-timebox">
			<div class="setplan-date border flex flex-align-center">
				<p>还款日期</p>
				<p class="flex-1 p-time-auto" id="DateText">选择还款日期</p>
				<i class="icon iconfont icon-calendar setplan-icon"></i>
				<input type="hidden" id='reDates' value=""/>
			</div>
			<div class="setplan-money flex flex-align-center">
				<p>账单金额</p>
				<input type="number" id="totalAmont" class="flex-1" placeholder="请输入账单金额"/>
				<p style="margin-right: 0.3rem;">元</p>
			</div>
		</div>
		<!--确认按钮-->
		<div class="confirm flex flex-align-center flex-pack-center">
			<p>下一步</p>
		</div>
		<div class="setorderdbox" hidden>
			<div class="orderdmodel" onClick="event.cancelBubble = true">
				<div class="ordermodelhead flex flex-align-center flex-pack-center">
					<p>设置账单日还款日</p>
				</div>
				<div class="statement">
					<p style="margin-left: 1.1rem;">账单日</p>
					<input type="number" placeholder="如：账单日为17日,写17" id='setplan-statement'/>
				</div>
				<div class="repayment">
					<p style="margin-left: 1.1rem;">最后还款日</p>
					<input type="number" placeholder="如：还款日为7日,写7" id='setplan-repay'/>
				</div>
				<div class="setrepay flex flex-align-center flex-pack-center" id='setplan-setorderday'>
					<p>确认</p>
				</div>
			</div>
		</div>
	</div>